let choose = document.querySelector('.choose')
let fileIpt = document.querySelector('[type="file"]')
let confirm = document.querySelector('.confirm')
let empty = document.querySelector('.empty')
let imgbox = document.querySelector('.img-box')

let base64Avatar = ''
choose.addEventListener('click', function () {
  // 通过点击选择图片按钮，用代码去点击file的input，让它弹出可以选择文件的弹框
  fileIpt.click()
})

// 监听file的change事件
fileIpt.addEventListener('change', function () {
  // 获取文件对象
  let fileObj = fileIpt.files[0]


  var reader = new FileReader();
  // 将文件对象读取为base64的字符串
  reader.readAsDataURL(fileObj);
  // 监听读取完成成的事件
  reader.onload = function (e) {
    // 一旦读取完成，就把base64的字符串赋值给base64Avatar
    base64Avatar = e.target.result
    let str = `
      <img src="${base64Avatar}" alt="">
    `
    imgbox.innerHTML = str

  };
})

confirm.addEventListener('click', async function () {
  let obj = {
    avatar: base64Avatar
  }
  let res = await uploadAvatar(obj)
  // 上传成功
  console.log(res);
  if(res.data.code === 0) {
    // 刷新页面
    window.parent.location.reload()
    console.log(111);
  } else {
    alert(res.data.message)
  }
})